<?php
/**
 * Created by PhpStorm.
 * User: Sky
 * Date: 16/1/26
 * Time: 下午8:27
 */

use yii\helpers\Url;

$web = Url::to("@web");
//$img = Url::to("@web/img/temp");
$img = "http://dorabox-10018656.file.myqcloud.com/wxmall/home_contacts";

$link = Url::home(true) ;


?>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>合作咨询</title>
    <script src="<?=$web?>/js/jquery.js"></script>
    <link href="<?=$web?>/css/home/global.css" rel="stylesheet" type="text/css">
    <link href="<?=$web?>/css/home/contacts/consultation.css" rel="stylesheet" type="text/css">
    <link href="<?=$web?>/css/home/contacts/animate.css" rel="stylesheet" type="text/css">
    <script>
        $(function ($) {
            var w = $(document).width();
            if (w > 640) {
                w = 640;
            }
            $("html").css("font-size", w * 20 / 320);
        });
    </script>
    <style>
        .head-phone {
            background-image: url("<?=$img?>/consultation-1.png");
            background-size: cover;
        }
    </style>
</head>
<body>
<div class="main content-main">
    <div class="head-phone">
        <span>联系电话&nbsp;&nbsp;</span>
        <span>400-8603-111</span>
    </div>
    <div class="content">
        <div class="content-people">
            <div class="content-people-background"
                 style="background-image: url('<?=$img?>/consultation-5.png');background-size: cover">
                <div class="content-people-img">
                    <img src="<?=$img?>/consultation-people-1.jpg">
                </div>
            </div>
            <div class="content-name">
                <span>夏黄超</span>&nbsp;-&nbsp;<span>分销合作</span>
            </div>
            <div class="content-phone">
                <img src="<?=$img?>/consultation-6.png" style="height: 0.6rem">
                <span>15123325306</span>
            </div>
        </div>
        <div class="content-people">
            <div class="content-people-background"
                 style="background-image: url('<?=$img?>/consultation-5.png');background-size: cover">
                <div class="content-people-img">
                    <img src="<?=$img?>/consultation-people-2.jpg">
                </div>
            </div>
            <div class="content-name">
                <span>吴亮</span>&nbsp;-&nbsp;<span>积分项目</span>
            </div>
            <div class="content-phone">
                <img src="<?=$img?>/consultation-6.png" style="height: 0.6rem">
                <span>13389672118</span>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content-people">
            <div class="content-people-background"
                 style="background-image: url('<?=$img?>/consultation-5.png');background-size: cover">
                <div class="content-people-img">
                    <img src="<?=$img?>/consultation-people-3.jpg">
                </div>
            </div>
            <div class="content-name">
                <span>周小华</span>&nbsp;-&nbsp;<span>礼品采集1部</span>
            </div>
            <div class="content-phone">
                <img src="<?=$img?>/consultation-6.png" style="height: 0.6rem">
                <span>13452847730</span>
            </div>
        </div>
        <div class="content-people">
            <div class="content-people-background"
                 style="background-image: url('<?=$img?>/consultation-5.png');background-size: cover">
                <div class="content-people-img">
                    <img src="<?=$img?>/consultation-people-4.jpg">
                </div>
            </div>
            <div class="content-name">
                <span>陈清前</span>&nbsp;-&nbsp;<span>礼品采集2部</span>
            </div>
            <div class="content-phone">
                <img src="<?=$img?>/consultation-6.png" style="height: 0.6rem">
                <span>15123011202</span>
            </div>
        </div>
    </div>
    <div class="background-img bg-1">
        <img src="<?=$img?>/consultation-2.png" style="width: 16rem">
    </div>
    <div class="background-img bg-2">
        <img src="<?=$img?>/consultation-3.png" style="width: 16rem">
    </div>
    <div class="background-img bg-3">
        <img src="<?=$img?>/consultation-4.png" style="width: 16rem">
    </div>
</div>
<div class="main main-popup">
    <div class="background-main">

    </div>
    <div class="background-content animated zoomIn">
        <div class="background-content-img img-1">
            <img src="<?=$img?>/content-img-Xia.jpg">
        </div>
        <div class="background-content-img img-2">
            <img src="<?=$img?>/content-img-Wu.jpg">
        </div>
        <div class="background-content-img img-3">
            <img src="<?=$img?>/content-img-Zhou.jpg">
        </div>
        <div class="background-content-img img-4">
            <img src="<?=$img?>/content-img-Chen.jpg">
        </div>
        <div class="background-content-words">
            长按识别图中二维码加我微信
        </div>
    </div>
</div>
<script>
    var obj;
    $(".main").height($(window).height());
    $(".content-people-img").each(function (index) {
        $(this).click(function () {
            $(".main-popup").css("display", "block");
            if (index == 0) {
                obj = $(".img-1");
                obj.css("display", "block");
            } else if (index == 1) {
                obj = $(".img-2");
                obj.css("display", "block");
            } else if (index == 2) {
                obj = $(".img-3");
                obj.css("display", "block");
            } else if (index == 3) {
                obj = $(".img-4");
                obj.css("display", "block");
            }
            //console.log(index)
            $(".background-content").addClass("zoomIn");
        });
    });
    $(".background-main").click(function () {
        $(".main-popup").css("display", "none");
        obj.css("display", "none");
    })
</script>
</body>
</html>
